<template>
  <h1>标签</h1>
  <!-- 普通插槽 -->
  <!-- <slot></slot> -->

  <!-- 具名插槽 -->
  <!-- <slot name="tatle"></slot>
  <slot name="text"></slot>
  <slot></slot> -->

  <!-- 作用域插槽 -->
  <!-- 作用域插槽的第一步,在接口上绑定一些数据 -->
  <slot name="title" :data="msg"></slot>
  <slot name="showmsg" :num="num"></slot>
</template>

<script>
export default {
  data(){
    return{
      msg:'插槽组件内的数据',
      num:10086
    }
  }
}
</script>